<template>
	<view class="barnd">
	
		<view class="top"></view>

		<view class="barnd-content" v-for="item in brandList" :key="item.id">
			<view class="content">
				<view class="imgs">
					<image class="img" :src="item.coverImg" mode=""></image>
				</view>
				<view class="text">
					
			
				<view class="cname">
					{{ item.cname }}
				</view>
				<view class="descr">
					{{item.descr}}
				</view>
					</view>
			</view>
		</view>

	</view>
</template>

<script>

	export default {
		data() {
			return {
				brandList: []
			}
		},
		onLoad(){
					this.initData();
				},
		created() {
		
			this.getBrandList()


		},
			
		methods: {
				
			getBrandList() {
				uni.request({
					url: 'http://bufantec.com/api/leju/front/home/brandList', //仅为示例，并非真实接口地址。
					success: (res) => {
						// console.log( "brandList",res.data);
						this.brandList = res.data.data
						this.text = 'request success';
					}
				});
			},
			
		},
		
	}
</script>

<style lang="scss" scoped>
	.barnd {
	
		.top {
		
			margin-bottom: 168rpx;
			
		}

		.barnd-content {
		
		
			.content {
				width: 670rpx;
				height: 612rpx;
				margin:56rpx auto;
			
				background: #FFFFFF;
				box-shadow: 0 8rpx 20rpx 0 rgba(122, 98, 75, 0.08);
				border-radius: 20rpx;
				border-radius: 20rpx;
				.imgs{
					
					.img{
						width: 100%;
						height: 426rpx;
						
					}
				}
				.text{
					margin-top: 56rpx;
					margin-left: 56rpx;
				
				.cname{
					font-family: PingFangSC-Semibold;
					margin-bottom: 17rpx;
					font-size: 32rpx;
					color: #3E3E3E;
					letter-spacing: 2.29rpx;
				}
				.descr{
					font-family: PingFangSC-Regular;
					font-size: 22rpx;
					color: #B1B1B1;
					letter-spacing: 1.57rpx;
				}
				}
			}
		}

	}
</style>
